<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>详细资料</title>
        <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
        <meta content="yes" name="apple-mobile-web-app-capable"/>
        <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
        <meta content="telephone=no" name="format-detection"/>
        <link rel="stylesheet" href="/css/amazeui.min.css" />
        <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>

        <link href="/css/style_person.css" rel="stylesheet" type="text/css"/>
    <style type="text/css">
      .am-header {
          position: relative;
          width: 100%;
          height: 49px;
          line-height: 49px;
          padding: 0 10px;
          background: #fff;
      }
      .am-icon-angle-left:before {
          color: #666;
          font-size: 2.5rem;
      }
      .am-header .am-header-title {
          margin: 0 30%;
          font-size: 2rem;
          font-weight: 400;
          text-align: center;
          display: block;
          word-wrap: normal;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden;
      }
      .aui-flex-box h3 {
          font-weight: normal;
          color: #444444;
          font-size: 1.5rem;
          padding: 1.1rem 0;
      }
      .aui-datum-box h2 {
          font-size: 1.7rem;
          color: #1a1a1a;
          width: 100%;
          margin: 0 auto;
          position: relative;
          padding-top: 1rem;
          text-align: center;
      }
      .aui-datum-box h2 em{
          top: 18px;
      }
      .aui-datum-box h2 em img{
        height: auto;
      }
      .informat{
          margin-left: 20px;
          color: darkgray;
      }
    </style>
    </head>
    <body style="font-family: '微软雅黑';">
        <header data-am-widget="header" class="am-header am-header-default header">
            <div class="am-header-left am-header-nav">
               <a href="javascript:history.back();" class="">
                 <i class="am-header-icon am-icon-angle-left"></i>
               </a>
            </div>
            <h1 class="am-header-title"> <a href="#title-link" class="" style="color: #333;">详细资料</a></h1>
            <div class="am-header-right am-header-nav">
               <a href="#right-link" class=""> </a>
            </div>
        </header>#include('header.html')
        #if(user!=null)
        <section class="aui-flexView">
            <section class="aui-scrollView">
                <div class="aui-datum-box">
                    <div class="aui-datum-box-img">
                        <img src="/images/headicon/${user.uPic}" alt="">
                    </div>
                    <h2>${user.uName} <em>
                        #if(user.uSex!=3)
                        <img src="/images/icon-bu-00${user.uSex==1?'8':'9'}.png" alt="">
                        #end
                    </em></h2>
                </div>
               <div class="aui-datum-list">
                   <div class="aui-flex">
                       <div class="aui-datum-icon">
                           <img src="/images/icon-bu-001.png" alt="">
                       </div>
                       <div class="aui-flex-box b-line">
                           <h3>邮箱 <span class="informat">${user.uEmail}</span></h3>
                       </div>
                   </div>
                   <div class="aui-flex">
                       <div class="aui-datum-icon">
                           <img src="/images/icon-bu-002.png" alt="">
                       </div>
                       <div class="aui-flex-box b-line">
                           <h3>手机号 <span class="informat">${user.uTel}</span></h3>
                       </div>
                   </div>

                   <div class="aui-flex">
                       <div class="aui-datum-icon">
                           <img src="/images/icon-bu-005.png" alt="">
                       </div>
                       <div class="aui-flex-box">
                           <h3><b>个人简介</b></h3>
                       </div>
                   </div>
                   <div class="aui-flex aui-flex-open">

                       <div class="aui-flex-box">
                         <p>$!{user.uIntroduction}</p>
                       </div>
                   </div>
               </div>
            </section>
        </section>
    #else
    <div style="text-align: center;margin-top: 20%;">该用户不存在！</div>
    #end

    </body>
    <script type="text/javascript">
    $(".left-jiantou").click(function() {
      history.back();
    })

    </script>
</html>
